.bot2{padding: 5px 10px;font-size: 14px;text-align: center;border-radius: 10px;height: 25px;color: #6886d4 ;border:1px solid #6886d4;line-height: 15px;margin-right: 10px; }
.bot{padding: 5px 20px;font-size: 14px;text-align: center;background-color: #6886d4;border-radius: 4px;height: 30px;color: #FFFFFF}
.botRed{width: 80px;text-align: center;height: 40px;background: #f84d36; color:#fff ;line-height: 40px; font-size: 14px;}
.bold16{margin-bottom: 0px;}
/*header*/
header{background-color:#6886d4;height:80px;padding: 15px; line-height: 50px;color: #fff}
header .imgBox { width: 50px;height: 50px; border-radius: 25px ;overflow: hidden;cursor: pointer; }
header .imgBox img {width:50px;position: relative;left: -18px;}
header .iconBox { width: 50px;height: 50px;cursor: pointer;min-width: 40px; }
header .iconBox img {width:40px;position: relative;right: 10px;top: 0px;}
 .fix{display: flex}
header .suer{background: none;cursor: pointer; border: none;color: #fff}
header .suer:hover{background: none;border: none;color: #fff}
header .suer:active{background: none;border: none;color: #fff}
header .suer:link{background: none;border: none;color: #fff}
header .relative{ position: relative}
header .absolute{position: absolute;left: 0px;top: 30px;}
header i{width:15px;height: 15px;border-radius: 8px;text-align: center; background-color: red;color: white;font-size: 12px;position: absolute;top: 5px;right: 5px; line-height: 15px;}
header .goHelp{color: #fff;cursor: pointer; display: block;min-width:60px; }
body{background-color: #e1e1e1}
header .myMenu{}
.boder4{border-radius:6px; }
.lfet20{margin-left: 20px;}
.BoxCenter{width:35%;min-width:37px;}
/* muent*/
ul{text-decoration:none;}
.muent {list-style:none;background-color:#fff;padding: 0;margin: 0;width: 100%;min-height: 1000px;width: 240px}
.muent li{list-style:none;cursor: pointer; padding: 10px; text-decoration:none;background-color:#fff; position: relative; display: flex;height:60px;padding:10px; line-height: 30px;}
.muent li:hover{background-color: #e1e1e1}
.muent li img{width: 20px;height: 20px;margin-right:60px;margin-left: 10px;position: relative;top: 5px;left: 40px;}
.muent  li .icon{width: 20px;height: 20px;line-height: 30px;position: absolute;top: 15px;right: 10px;line-height: 20px;}
.muent  li span{line-height: 30px;}
.maing20{margin-left: 40px;}
.expert .muent .Expert{ background-color: #e1e1e1 }
.accout .muent .Account{ background-color: #e1e1e1 }
.accOrdersIng .muent .AssistOrderIng{ background-color: #e1e1e1 }
.assOrders .muent .AssistOrders{ background-color: #e1e1e1 }
.employess .muent .Employees{ background-color: #e1e1e1 }
.patients .muent .Patients{ background-color: #e1e1e1 }
/* progress*/
.pro{ width:170px ;font-size: 16px;cursor: pointer; color: #ffae5a; background:url("../ico3.png") no-repeat right;background-color: #fff8ef}
.pro[styles="3"]{ width:170px ;background:none; background-color:#fff8ef}
.step{padding:30px 0px;background-color: #fff;margin-top:20px; }
.pros{display: flex;height: 56px;line-height: 60px;text-align: center;min-width: 680px }
.pro[status="1"]{background-color: #ff9a1f;color: #fff}
.goxu{display: block ;width: 80px;line-height: 70px;height: 30px;text-decoration: none;text-align: right; background-image:url("")}
.bold16{font-size: 20px;font-weight: bold;line-height: 50px;padding-left: 10px;padding-top: 5px;}
/* nav*/
.na{ min-width:100px;cursor: pointer; font-size: 18px;text-spacing: 5px;text-align: center;width: 20%;max-width:220px;min-width: 100px;}
.na p{height: 60px; width: 100px;text-align: center;font-size: 18px;}
.na p:hover{border-bottom:2px solid #6886d4;color:#6886d4}
.nav{padding:0px 0px;background-color: #fff;margin-top:20px; }
.navs{display: flex;height: 60px;line-height: 60px;text-align: center;min-width: 680px }
.na[status="1"] p{border-bottom:2px solid #6886d4;color:#6886d4 }

.goxu{display: block ;width: 80px;line-height: 70px;height: 30px;text-decoration: none;text-align: right; background-image:url("");font-size: 14px}
/*listBox */
 .listBox .center{padding-top: 20px;}
 .listBox{background-color: #fff;padding-top: 40px; margin: 15px;border-radius: 6px;margin: auto;margin-bottom: 20px;min-width:315px}
 .listBox .boxTitle{width: 95%;margin: auto;text-align: center}
 .listBox p{text-align: center;font-size: 16px;padding-top: 10px;line-height: 30px;}
 .listBox .botBox{ text-align: center; display :inline-flex }
 .listBox  .shool{font-size: 12px;text-align: center;padding-top: 5px;line-height: 25px;color: #c9c9c9}
.listBox label{color:#c9c9c9 }
/* expert */
.exper {padding-top: 20px;}
.exper .listBox .vandMag{padding-top: 5px;padding-bottom: 10px;border-top: 1px solid #e4e4e4}
.exper .listBox .vandMag p{text-indent:25px;font-size: 14px;text-align: left;color: #000;text-spacing: 5px;}
.exper .listBox .vandMag p span{color:red;font-size: 14px;margin-left: 5px}
.botByYue{text-align: center;cursor: pointer; font-size: 16px;background-color:#6886d4 ;color: #fff;line-height: 50px;height: 50px;border-radius: 0px 0px 8px 8px;  }
.exper .listBox .vandMag .vdio{ background: url("../img/viedo.png") no-repeat left;background-size: 20px;background-position: 0px 15px;}
.exper .listBox .vandMag .adio{ background: url("../img/textMage.png") no-repeat left;background-size: 20px;background-position: 0px 15px;}
.exper .listBox  .conp{font-size: 14px;text-align: left;line-height: 20px;padding: 0;max-height: 50px;max-width: 100%;overflow: hidden;color: #c9c9c9}
.exper .listBox .botBox .bot{cursor: pointer; padding: 5px 10px;border: 1px solid #9cb0e3;margin: 10px;border-radius: 12px;font-size: 12px;color:#9cb0e3 }
.exper .listBox .imgBox{background-color: #e4e8f1;cursor: pointer; border-radius:100px;width: 100px;height: 100px;margin: auto;border: 2px solid #e6f1fe}

/* accOrdersIng */
.accOrdersIng .maing20{margin-top:20px;margin-left: 20px; }
.accOrdersIng .step .titleBox{display: none }

/*foldBox*/
.foldBox{background-color: #FFFFFF;padding: 10px;border-radius: 6px;min-width:290px;max-width: 350px;}
.foldBox .foldTop{height: 75px;width: 100%;font-size: 22px;position: relative}
.foldBox .foldTop .bot {position: absolute;right: 10px;top: 20px;}
.foldBox .foldTop .title p{height: 75px;width: 100%;font-size: 18px;text-indent:25px;line-height: 75px;}
.foldBox .foldCent li{width: 100%;margin-top:10px; background: #f5f8fe;position: relative;;padding: 3px; }
.foldBox .foldCent li .listCentBox{margin-top:10px; }
.foldBox .foldCent li:hover{background-color: #d3e4ff}
.foldBox .foldCent li:hover .stats{background-color: #d3e4ff}
.foldBox .foldCent li:hover .statsBorder{background-color: #6886d4;width: 3px;height: 76px;left: 0px;top: 0px;position: absolute}
.foldBox .foldCent li .listCentBox .text p{height: 30px;line-height: 30px;padding: 0px;margin: 0 }
.foldBox .foldCent .stats{display:block;width: 76px;height:76px;background: #e6eeff;position: absolute;right: 0px;top: 0px;}
.foldBox .foldCent .stats p{height: 76px;line-height: 76px;text-align: center}
.foldBox .foldCent li[status="1"]{background-color: #d3e4ff}
.foldBox .foldCent li[status="1"] .stats{background-color: #d3e4ff}
.foldBox .foldCent li[status="1"] .statsBorder{background-color: #6886d4;width: 3px;height: 76px;left: 0px;top: 0px;position: absolute}

/* toking*/
.toking p{color:#5a5a5a}
.toking{ padding: 20px 0px;background-color: #fff;margin-top:20px; }
.toking .textConp{margin-top: 15px;}
.toking .top{margin-bottom: 20px;padding-left: 20px;padding-right:20px;position: relative}
.toking .broderLeft{ border-left: 1px solid #f2f2f2;}
.toking .textConp p{font-size:14px;}
.toking .textConp .bot2{font-size:12px;}
.toking .userMageBox {width: 80px;height:80px;background-color:#e0e0e0;border-radius:40px;margin-right: 20px;overflow: hidden}
.toking .userMageBox img{width:100%;}
.toking .broderLeft p{ font-size: 14px;line-height: 40px;height: 40px;margin-bottom: 0px;padding-left: 20px;overflow: hidden}
.toking .broderLeft p label{ color:#5a5a5a }
.toking .center{border-top: 1px solid #f2f2f2;}
.toking .center ul{ height: 475px;}
.toking .center ul li{ margin-top: 10px;padding-left:30px;width: 100% }
.toking .center ul li .imgBox{width: 70px;height: 70px;background-color:#e0e0e0;border-radius:40px;margin-right: 10px }
.toking .center ul li .tokingText{padding: 15px;margin: 10px;display: inline-flex;background:#d3e4ff ;border-radius: 12px;}
.toking .center ul li .tokingText p{margin: 0px;}
.tokTime{text-align: center;height: 40px; line-height: 40px;}
.center ul li.listRight .fix{  display: flex;flex-direction: row-reverse;}
.center ul li.listRight .imgBox{margin-left: 10px;margin-right: 30px;}
.center ul li.listRight .tokingText p{text-align: right}
.center .footer{ background-color:#f5f8fe;width: 100%;height: 60px;line-height: 60px;background-image: url("");}
.iconTokingByImg{width:30px; height: 25px;background-color: #e0e0e0;margin-top:17px;margin-left:20px; }
.toking .sendText{height: 130px;width: 100%;}
.toking .sendText textarea{ padding: 10px;font-size: 14px;color: #000000;width: 100%;height: 100px;overflow: visible;border:0px none}
.toking .sendText .bot{height: 40px;line-height: 30px;width: 80px;}
.toking .sendText .fix{ flex-direction: row-reverse;}
.center ul{ overflow-wrap: normal; overflow-y:scroll;  display: flex; flex-wrap: wrap-reverse; align-items: flex-start;z-index: 1000;}

/* patients*/
.patients .none{ display: none}
/* assOrders*/
.assOrders .maing20{padding-top: 20px;}
.assOrders .nav{margin-top: 5px;}
.assOrders .patientsRightTop{ background: #fff;padding: 10px 20px;padding-bottom: 0px; border-radius: 8px 8px 8px 8px;}
.assOrders .input{ width:200px;}
.assOrders button{ max-width:120px;text-align: right;min-width: 80px;width: 130%}
.assOrders .caret { margin-left:15px;margin-right: 10px;}
.assOrders .caret { margin-left:15px;margin-right: 10px;}
.topSerch{padding: 10px;background-color: #fff}
.topSerch label{margin:0 20px;line-height: 36px;height: 30px;overflow: hidden;display: block}
.topSerch .sech{ width: 60px;text-align: center}

/*sechList*/
.sechList  {margin-top: 20px;border-radius: 8px;background-color: #fff}
.sechList .top {background:#f5f8fe;line-height: 40px;width: 100%;padding-top: 5px;padding-bottom: 5px;height:50px;}
.sechList .top p{ margin-bottom: 0px;}
.sechList .vdio { flex-direction:row-reverse}
.sechList .imgBox{width:80px;height: 80px;background: #e0e0e0;overflow: hidden;margin-right: 10px;border-radius: 40px;}
.sechList .imgBox img{ max-width:100%;}
.sechList .center p{line-height:30px;height: 30px;width: 100%;overflow: hidden;margin-top: 8px;color: #bcbcbc}
.sechList .center .text{line-height: 60px;height: 60px;color: #bcbcbc}
.sechList .status[status="1"]{color: #6886d4}
.sechList .status[status="2"]{color: #ff9a1f}
.sechList .status[status="3"]{color: #8be6f7}
.card{margin-bottom: 20px;}
.sechList .botbyRight{flex-direction:row-reverse;margin-top: 20px;}


















